<template>
    <div class="flex-row">
        <el-container>
            <el-aside width="250px" class="lay-side">
                <aside-search ref="asideSearch" :clickEvent="clickEvent" :isRoom="false"
                    :showData="asideLevel"></aside-search>
            </el-aside>
            <el-main>
                <div>
                    <div class="content-row">

                    </div>
                </div>
            </el-main>
        </el-container>
    </div>
</template>

<script>
import AsideSearch from '../../components/asideSearch.vue'
export default {
  name: 'test',
  components: { AsideSearch },
  data () {
    return {
      asideLevel: ['all', 'estate', 'alley', 'building'],
      asideSelected: {
        add: true,
        type: 'all',
        id: 0,
        label: '全部'
      }
    }
  },
  methods: {
    clickEvent (obj, node, el) {
      this.asideSelected = {
        type: obj.type,
        id: obj.id,
        label: obj.label,
        estate: { label: '', id: null },
        building: { label: '', id: null },
        alley: { label: '', id: null }
      }
    }
  }
}
</script>

<style scoped>
.el-main {
    margin: 0px;
    padding: 0px;
}

.el-button {
    margin-bottom: 20px;
}
</style>
